// let oul = document.querySelector("ul");
//         function getQueryString(url){
//             // 通过 ？分割 成 数组 ，数组的第一项 就是  所有的参数
//             let cs = url.split("?")[1];
//             // 判断如果没有参数  返回 null
//             if(!cs){
//                 return null;
//             }
//             // 针对 所有的参数 分割 成 数组
//             let csArr = cs.split("&");
//             // 定义一个接收结果的 对象
//             let csObj = {};
//             // 遍历 所有的参数数组 通过 = 将 key 和 value  分割 存入 对象
//             csArr.forEach(item => {
//                 csObj[item.split("=")[0]] = item.split("=")[1]
//             });
//             return csObj;
//         }

//         let href = decodeURI(location.href)

//         var cs = getQueryString(href);
//         console.log(cs.productId);

console.log(location.search);
let item = (location.search).substring(1)   //截取，第一个参数是从下面多少开始，第二个参数是到下面多少截至
let param = item.split('=')[1]
console.log(item);
console.log(param);



const xhr = new XMLHttpRequest();

xhr.open("get",`http://chst.vip:1234/api/getmoneyctrlproduct?productid=${param}`);

// xhr.open("get",`http://chst.vip:1234/api/getdiscountproduct?productid=${param}`);
xhr.send(null);

xhr.onreadystatechange = function(){
    let oul = document.querySelector("ul");
    let divbox = document.querySelector(".comment")
    if(xhr.readyState === 4){
        if(xhr.status === 200){
            let res = JSON.parse(xhr.responseText);
            console.log(res)

            let regExp = /(?<=imgurl=)[^'"]*/;
            let ele = "";
            let el = "";
            res.result.forEach(item => {
                // console.log(item);
                var img = regExp.exec(item.productImg2)[0];
                ele += `<li>
                            <h4>${item.productName}</h4>
                            <span>${item.productFrom} | ${item.productTime}</span>
                            <i>${item.productTips}</i>
                            <img src="${img}" alt="">
                            <p>${item.productInfo2}</p>
                            <div class="city">
                                ${item.productCity}
                            </div>
                        </li>`;
                
                el = `${item.productComment}`;
                       
                // `<div productId="${item.productId}">
                //         <img src="${img}" alt="">
                //         <h5>${item.productName}</h5>
                //         <p>${item.productPinkage}</p>
                //         <span>${item.productTime}</span>
                //     </div>`
                
            });
            oul.innerHTML = ele;
            divbox.innerHTML = el;
            // $(".comment").html(`${item.productComment}`);
            
            
        }
    }
}


// document.onreadystatechange = function () {
//     if (document.readyState === "interactive") {
//       let oul = document.querySelector("ul");
//       let ele = "";
//     //   fetch("http://chst.vip:1234/api/getmoneyctrl")
//     fetch("http://chst.vip:1234/api/getmoneyctrlproduct"?productid=20)
//         .then((body) => body.json())
//         .then((res) => {
//             console.log(res);
//           res.result.forEach((item) => {
//             let regExp = /(?<=imgurl=)[^'"]*/;
//             let url = item.productImg2.match(regExp);
//             ele += `<li>
//                         <h4>${item.productName}</h4>
//                         <span>${item.productFrom} | ${item.productTime}</span>
//                         <i></i>
//                         <img src="${url[0]}" alt="">
//                         <p></p>
//                     </li>`
//                     // ` <li id=${item.productId}>
//                     //     <a href="./pages/xq.html">
//                     //         <img src="${url[0]}" alt="">
//                     //         <p>
//                     //             ${item.productName}
//                     //             <span>${item.productPinkage}</span>
//                     //         </p>
//                     //         <span>${item.productFrom}|${item.productTime}</span>
//                     //         <span>${item.productComCount}</span>
//                     //     </a>
//                     // </li>`;
//           });
//           oul.innerHTML = ele;
//         });
//     }
//   };